﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Rank.ascx.cs" Inherits="MyBet.Web.Controls.Rank" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%>

<asp:UpdatePanel Id="EventUpdatePanel" runat="server">
<ContentTemplate>
<table width="100%" style="height: 100%">
    <tr valign="top">
        <td>
            <asp:Label id="EventLabel" runat="server" Font-Names="Trebuchet MS">Classement&nbsp;:&nbsp;</asp:Label>
            <asp:DropDownList ID="EventList" runat="server" AutoPostBack="True" 
                onselectedindexchanged="EventList_SelectedIndexChanged"></asp:DropDownList>
        </td>
    </tr>
    <tr>
        <td>
            <asp:DataGrid Width="100%" ID="RankGrid" runat="server" PageSize="10" 
                AllowPaging="True" AutoGenerateColumns="False" 
                onpageindexchanged="RankGrid_PageIndexChanged" 
                onitemdatabound="RankGrid_ItemDataBound">
                <Columns> 
                    <asp:BoundColumn HeaderText="#" DataField="Rank"></asp:BoundColumn>
                    <asp:BoundColumn HeaderText="Login" HeaderStyle-Width="150px" DataField="Login"></asp:BoundColumn> 
                    <asp:BoundColumn HeaderText="Score" DataField="TotalScore"></asp:BoundColumn>
                    <asp:BoundColumn HeaderText="" DataField="RankDifferential" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="20px"></asp:BoundColumn>
                </Columns>
                <PagerStyle Font-Names="Trebuchet MS" BackColor="#000000" ForeColor="#FFFFFF" HorizontalAlign="Center" Mode="NumericPages" /> 
                <AlternatingItemStyle BackColor="White" />
                <ItemStyle Font-Names="Trebuchet MS" BackColor="#C4E9F2" ForeColor="#333333" /> 
                <HeaderStyle BackColor="#000000" ForeColor="#FFFFFF" Font-Names="Trebuchet MS" Font-Bold="True" /> 
            </asp:DataGrid>
        </td>
    </tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>

<ajaxToolkit:UpdatePanelAnimationExtender ID="EventPanelAnimation" runat="server" TargetControlID="EventUpdatePanel">
     <Animations>
        <OnUpdating>
             <FadeOut Duration=".5" Fps="20" />
        </OnUpdating>
        <OnUpdated>
            <FadeIn Duration=".5" Fps="20" />
        </OnUpdated>
    </Animations>
</ajaxToolkit:UpdatePanelAnimationExtender>
